<template>
	<div class="main">
		<div v-if="bool">
			<mainHeader></mainHeader>
			<el-row class="tac">
				<Horselight></Horselight>
				<el-col :span="21" style="padding: 0 20px;">
					<router-view></router-view>
				</el-col>
			</el-row>
		</div>
		<div v-if="!bool">
			<router-view></router-view>
		</div>
	</div>
</template>
<script>
	
	import mainHeader from '@/components/v-header'
	import Horselight from '@/components/v-horselight'
	export default {
		name: 'v-main',

		data() {
			return {
				bool:null,
			}
		},
		props: {
			msg: String
		},
		methods: {

		},
		components: {
			mainHeader,
			Horselight
		},
		watch: {
			'$route.path': function(newVal, oldVal) {
				//console.log(newVal + "新----------------旧" + oldVal)
			},
			mounted: function() {
				//console.log(this.$route.path)
			}
		},

	}
</script>
<style scoped>
	.tac{background: #f6f6f6;box-shadow:  0 5px 10px #ddd inset;}
	@import url("../assets/css/common.css");
	@import url("../assets/css/public.css");
</style>
